<template>
  <!--<basic-block></basic-block>-->
  <!--<div style="width: 100%; height: 100%">1111111111111111111111111</div>-->
  <div></div>
</template>

<script>
  import axios from 'axios';

  export default {
    name: "piu",
    props: {
      src: {
        type: String,
        default: ""
      },
    },
    data() {
      return {
        // file: "",
      }
    },
    watch: {
      src(val) {
        this.openImage(val)
      }
    },
    mounted() {
      this.openImage(this.src)
    },
    methods: {
      openImage(url) {
        const _this = this;
        this.$nextTick(()=> {
          this.$ImagePreview([{url: url}], 0,{
            closeOnClickModal: true,
            click:(data,index)=>{
              // this.$message.success('点击事件'+index)
            },
            beforeClose:()=>{
              _this.$emit("close");
            }
          });
        })
      }
    },
  };
</script>

<style lang="scss" scoped>

</style>

